<style include="network-shared">
  .open-settings-icon {
    height: 15px;
  }
</style>
<template is="dom-repeat" items="[[networkHealthState_.networks]]"
    as="network">
  <network-health-container label="[[getNetworkTypeString_(network.type)]]"
      expanded="[[getTypeExpanded_(network.type, typeExpanded_.*)]]"
      on-toggle-expanded="onToggleExpanded_">
    <span slot="header">
      <img class="type-icon" src="[[getNetworkTypeIcon_(network.type)]]">
    </span>
    <template is="dom-if" if="[[network.name]]">
      <div class="network-attribute-container">
        <div class="network-attribute-label">
          [[i18n('OncName')]]
        </div>
        <span class="network-attribute-value">
          [[network.name]]
        </span>
      </div>
    </template>
    <div class="network-attribute-container">
      <div class="network-attribute-label">
        [[i18n('NetworkHealthState')]]
      </div>
      <span class="network-attribute-value">
        [[getNetworkStateString_(network.state)]]
      </span>
    </div>
    <template is="dom-if" if="[[showPortalState_(network)]]">
      <div class="network-attribute-container">
        <div class="network-attribute-label">
          [[i18n('OncPortalState')]]
        </div>
        <span class="network-attribute-value">
          [[getPortalStateString_(network.portalState)]]
        </span>
      </div>
    </template>
    <template is="dom-if" if="[[network.signalStrength]]">
      <div class="network-attribute-container">
        <div class="network-attribute-label">
          [[i18n('OncWiFi-SignalStrength')]]
        </div>
        <span class="network-attribute-value">
          [[getSignalStrengthString_(network.signalStrength)]]
        </span>
      </div>
    </template>
    <template is="dom-if" if="[[network.ipv4Address]]">
      <div class="network-attribute-container">
        <div class="network-attribute-label">
          [[i18n('OncIpv4Address')]]
        </div>
        <span class="network-attribute-value">
          [[network.ipv4Address]]
        </span>
      </div>
    </template>
    <template is="dom-if" if="[[network.ipv6Addresses.length]]">
      <div class="network-attribute-container">
        <div class="network-attribute-label">
          [[i18n('OncIpv6Address')]]
        </div>
        <span class="network-attribute-value">
          [[joinAddresses_(network.ipv6Addresses)]]
        </span>
      </div>
    </template>
    <template is="dom-if" if="[[network.macAddress]]">
      <div class="network-attribute-container">
        <div class="network-attribute-label">
          [[i18n('OncMacAddress')]]
        </div>
        <span class="network-attribute-value">
          [[network.macAddress]]
        </span>
      </div>
    </template>
    <template is="dom-if" if="[[showSettingsLink_(network)]]">
      <div class="network-attribute-container">
        <a href="[[getNetworkUrl_(network)]]">
          <div class="network-attribute-label">
            [[i18n('OpenInSettings')]]
            <iron-icon class="open-settings-icon" icon="cr:open-in-new">
            </iron-icon>
          </div>
        </a>
      </div>
    </template>
  </network-health-container>
</template>
